@import "../../common.scss";

body {
	background-color: #F7F7F7;
}

.detail-title{
	background-color: #FFFFFF;
	box-shadow: $shaow-bottom;
	text-align: center;
	padding: ws(40) 0;
	border-radius: ws(5);
	> div {
		display: inline-block;
	}
	> .time{
		font-size: ws(28);
		line-height: ws(28);
		color: #000;
	}
} 

.detail-desc{
	background-color: #FFFFFF;
	box-shadow: $shaow-bottom;
	border-radius: ws(5);
	overflow: hidden;
	.mui-table-view{
		padding: ws(5) ws(20);
	}
	.mui-table-view:before{
		height: 0;
	}
	.mui-table-view:after{
		background-color: transparent;
		border-bottom: 1px dashed #eee;
	}
	
	.mui-table-view-cell{
		display: flex;
		justify-content: space-between;
		padding: ws(15) 0;
		margin: 0 ws(15);
		&:after{
			left: 0;
			right: 0;
			background-color: #EEEEEE;
		}
	}
	.settlement-item{
		padding: ws(2) 0;
		margin: 0 ws(15);
		display: flex;
		justify-content: space-between;
	}
}